<!--
 * @Description: 
 * @Author: Wen
 * @Date: 2024-11-01 10:51:27
 * @LastEditors: Wen
 * @LastEditTime: 2024-11-04 17:17:03
 * 太棒了，又坚持了一天
-->
 <!-- 告诉浏览器htlm的版本是H5 -->
 <!DOCTYPE html>  
 <!-- 语言 English -->
 <html lang="en">
 <!-- 文档的头部 在网页适口区看不到-->
 <head>
     <!-- 信息标签 字符编码格式 --> 
     <meta charset="UTF-8"> 
     <!-- 告诉浏览器以宽度为视口宽度  初始缩放比例为1--> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 文档的标题 在选项卡上面打开 -->
     <title>白白翻译</title>
     <!-- 设置选项卡图标 -->
      <link rel ="icon" href="./img/yi.ico" type="yi/x-icon"  >
    <!-- 样式标签 -->
     <style>
        /* 给标签为table的元素设置样式 */
        table,
        table th,
        table td{
            /* 设置边框  宽度1px 字体元素颜色 */
            border: 1px solid black;
            /* 表格内边框合并 */
            border-collapse: collapse;
        }
        table{
            /* 设置文字的对齐方式 居中 */
            text-align: center;
        }
        
     </style>
 <!-- 文档的主体 -->
 </head>
 <!-- 文档的主体在网页的适口区显示的 -->
 <body>
    <table>
        <caption>表名</caption>
        <thead>
            <!-- 行 -->
            <tr>
                <!-- 列 -->
                 <th>标题1</th>
                 <th>标题2</th>
                 <th>标题3</th>
                 <th>数量</th>
            </tr>
        </thead>
        <!-- 表体 -->
         <tbody>
            <!-- 行 -->
             <tr>
             <!-- <tr>列</tr> -->
              <td rowspan="2">11</td>
              <td>12</td>
              <td>13</td>
              <td>4</td>
             </tr>
             <tr>
                <!-- <tr>列</tr> -->
                 <td>22</td>
                 <td>23</td>
                 <td>9</td>
            </tr>
            <tr>
                    <!-- <tr>列</tr> -->
                     <td>31</td>
                     <td>32</td>
                     <td>33</td>
                     <td>7</td>
            </tr>
            <!-- 表脚 -->
             <tfoot>
                <tr>
                    <!-- 合并列colspan="3" 合并行rowspan -->
                    <th colspan="3">总计</th>
                    <td>20</td>
                </tr>
             </tfoot>
         </tbody>
    </table>
    div>hello,world</div>
    <div>hello,world</div>
    hello world
    hello <br/> world
    <img id="iconImg"class="img image" src="./img/1952.png" width="88" height="88">
    <img src="./img/image1.png"width="88" height="88" alt="图片丢失"/>
    style="width: 100px;height: 100px;"
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <a href="https://baidu.com">百度一下,你就知道</a>
    <a href="https://baidu.com">百度一下,你就知道</a>
    <a href="https://baidu.com">百度一下,你就知道</a>
    <p>段落</p>
    <p>段落</p>
    <p>段落</p>
    <h3>注册</h3>
    <form action="">
        <div>
            用户名: <input type="text" name="username" >
        </div>
        <div>
            密码: <input type="password" name="password" >
        </div>
        <div>
            性别:             
            <label for="genderNan">
            男<input type="radio" name="gender" value="男">
            </label>
            <label for="genderNv">
            女<input type="radio" name="gender" value="女">
            </label>
        </div>
        <div>
            爱好:
            足球<input type="checkbox" name="hobby" value="足球">
            游泳<input type="checkbox" name="hobby" value="游泳">
            阅读<input type="checkbox" name="hobby" value="阅读">
        </div>
        <div>
            城市:
        <select name="city" >
            <option value="请选择"></option>
            <option value="北京">北京</option>
            <option value="天津">天津</option>
            <option value="重庆">重庆</option>
        </select>
        </div>
        <div>
            生日:
            <input type="date" name="birth" >
        </div>
        <div>
            个人介绍:
        <textarea name="info" cols="50" rows="10">            
        </textarea>
        </div>        
        <div>
            <input type="button" value="普通按钮">
            <input type="submit" value="提交按钮">
        </div>
        <div>
            用户类型:
            <input hidden type="text" name="vipType" value="vip">
        </div>
    </form>
    <iframe width="100%" height="100%" src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1" 
    frameborder="0"></iframe>

 </body>
 <!-- HTML结束标签 -->
 </html>